<template>
	<view class="work_type_list-content">
		<view class="type-box">
			<view class="row-name">
				<text>白班</text>
				<text class="time-num">7.5小时</text>
			</view>
			<view class="row-time">
				07:30-15:00
			</view>
		</view>
		<view class="type-box">
			<view class="row-name">
				<text>白班</text>
				<text class="time-num">7.5小时</text>
			</view>
			<view class="row-time">
				07:30-15:00
			</view>
		</view>
		<button class="btn" type="default">添加班种</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
	view{
		box-sizing: border-box;
	}
.work_type_list-content{
	min-height: 100%;
	background-color: #FFFFFF;
	// .type-box:not(:last-child){
	// 	border-bottom: solid 1rpx #eaeefb;
	// }
	.type-box{
		border-bottom: solid 1rpx #eaeefb;
		padding: 20rpx;
		.row-time{
			font-size: 22rpx;
		}
		.row-name{
			.time-num{
				margin-left: 30rpx;
				background-color: #EBF3FE;
				color: #85C5F9;
				border-radius: 20rpx;
				font-size: 25rpx;
				padding: 4rpx 16rpx;
			}
		}
	}
	.btn{
		width: 90%;
		margin: 0px auto;
		margin-top: 60rpx;
		background-color: #0098f2;
		color: #FFFFFF;
		border-radius: 34rpx;
		font-size: 32rpx;
		position: absolute;
		bottom: 20rpx;
		left: 5%;
	}
}
</style>
